<template>
	<view class="bosss">

	</view>
</template>
<!-- <script src="https://cdn.cmread.com/comment/js/5527a709b105a7ee4a44cde7ca4ac23eba62/miguwebsdk.min.v7.js"></script> -->
<!-- <script src="http://static.st.cmread.com:8117/comment/js/5539fae9a36ba9a70553a0054c04ea05d3588cb4718b/migusdk.js"></script> -->

<script>
	// import xiaoVideoComponent from '../../utils/components/x-video/x-video.vue';
	import request from '../../utils/request.js';
	import api from '../../utils/url.js';
	// import MiguSdk from '../../utils/common.js';
	// import Base64 from '../../utils/base64.js';
	// import {
	// 	mapState,
	// 	mapActions
	// } from 'vuex'
	export default {
		data() {
			return {

			}
		},
		components: {
			// xiaoVideoComponent
		},
		computed: {
			// ...mapState({

			// })
		},
		onLoad(res) {
			var that = this
			console.log('onLoad', res)
			this.jumpxcx(res)
			// this.huoquxiangqing()

			// console.log('onLoad')
			// console.log('Base64', Base64)


			// this.migudecs()
			// this.hujiexi()
			// document.title = '我的H5页面标题';

		},
		onShow() {
			console.log('onShow')
		},
		onPageScroll: function(e) { //nvue暂不支持滚动监听，可用bindingx代替
			// console.log("滚动距离为：" + e.scrollTop);
		},
		onReachBottom() {
			// console.log('触底');
		},
		methods: {
			jumpxcx(res) {
				let data = {
					clickid: res.__CLICKID__,
					app: res.__APP__,
					serial: res.__SERIAL__,
				}
				request(api.fcsClick, 'POST', data)
					.then(response => {
						console.log('playletlists数据:', response.data);
						if (response.code == "1") {
							// let jumpurl =
							// 	`weixin://dl/business/?appid=wx1779d86bb2eb6f98&path=volleyball/index/index&env_version=`
							let jumpurl =
								`weixin://dl/business/?appid=wx1779d86bb2eb6f98&path=volleyball/index/index&env_version=trial`
							let xcxcan = "&fcsClickId=" + response.data.id
							jumpurl = jumpurl + "&query=" + encodeURIComponent(xcxcan)
							console.log('jumpurl:',jumpurl);
							window.location.href = jumpurl
						} else {
							uni.showToast({
								title: response.msg,
								icon: "none"
							})
						}
					})
					.catch(response => {
						uni.hideLoading()
					})
			},
			codeChange(text) {
				this.tips = text;
			},
			end() {
				// this.$u.toast('倒计时结束');
			},
			start() {
				// this.$u.toast('倒计时开始');
			},


			dinggou() {
				var that = this
				console.log('dinggou');
				if (this.phonenum == "") {
					uni.showToast({
						title: '请输入手机号',
						icon: "none"
					})
					return false
				} else if (!this.showdaojishi) {
					uni.showToast({
						title: '请获取验证码',
						icon: "none"
					})
					return false
				} else if (this.yzcode == "") {
					uni.showToast({
						title: '请输入验证码',
						icon: "none"
					})
					return false
				} else if (!this.xuan) {
					uni.showToast({
						title: '请同意规则协议',
						icon: "none"
					})
					return false
				} else {
					let data = {
						tel: this.phonenum,
						activity_id: '14687897'
					}
					
				}
			},
			daojishu() {
				console.log('ovew');
				this.showdaojishi = false
			},

			dianxua() {
				this.xuan = !this.xuan
			},
			showguzi() {
				this.showrules = true
			},
			showyinsi() {
				this.showyinxie = true
			},
			closerulse() {
				this.showrules = false
				this.showyinxie = false
			},
			migudecs() {
				console.log('window.MiguSdk', window.MiguSdk)

				var json = {
					"channelCode": "M3140070", //M3140070    --M3CF0010 -
					/**渠道id，每个合作方独有的渠道id 必填*/
					"sdkType": "http",
					/**sdk加载类型，默认https，如注册的域名netid是http则填写http 必填*/
					"domain": "migu.xinquanyu.top", //migutest.xinquanyu.top   member.51mrp.com
					/**当前域名，用来匹配netids中的netid 必填*/
					"option": {
						"umark": "Common2",
						"color": ""
					}
				};

				window.MiguSdk.getData(json, function(resultCode, msg, authSessionId) {
					console.log('getData', resultCode, msg, authSessionId);
					/**二次处理 */
				});
			},
			qukandianying(i) {
				console.log(i)
				var token = localStorage.getItem("token");
				console.log(token)
				// return false
				if (token == undefined || token.length == 0 || token.length == null) {
					// uni.showToast({
					// 	title: "请登录",
					// 	icon: "none"
					// })
					setTimeout(() => {
						uni.navigateTo({
							url: "/jingqu/login/login?id=" + i.id
						})
					})

				} else {
					uni.navigateTo({
						url: "/jingqu/kanju/kanju?id=" + i.id
						// + "&id=item_id" + i.item_id
					})
				}
				// return false

			},
			dianjilunbop(i) {
				console.log(i)
				var token = localStorage.getItem("token");
				console.log(token)
				// return false
				if (token == undefined || token.length == 0 || token.length == null) {
					// uni.showToast({
					// 	title: "请登录",
					// 	icon: "none"
					// })
					setTimeout(() => {
						uni.navigateTo({
							url: "/jingqu/login/login?id=" + i.id
						})
					})

				} else {
					uni.navigateTo({
						url: '/jingqu/kanju/kanju?id=' + i.play_list_id
						// + '&id=play_list_id' + i.item_id
						// + "&id=item_id" + i.item_id
					})
				}
			},



			kangengduo() {
				uni.switchTab({
					url: "/pages/juchang/juchang"
				})
				// uni.navigateTo({
				// 	url: "/jingqu/xiangqing/xiangqing"
				// })
			},
			clickSeracktype(e) {
				this.seleidd = e
			},
			goserachpage() {
				// console.log('触底');
				uni.navigateTo({
					url: "/jingqu/search/search"
				})
			},


		}
	}
</script>
<!-- <link rel="stylesheet" href="../../utils/base.css"> -->
<style lang="scss">
	@import '../../utils/base.css';

	// page {
	// 	background-color: #AC9C8E;
	// }

	.tioimg {
		width: 100%;
		height: 690px;
		position: relative;
	}

	.topshouj {
		width: 90%;
		position: absolute;
		// border: 1px solid red;
		margin-top: -300px;
		margin-left: 5%;
	}

	.yaninpu {
		width: 90%;
		font-size: 17.2px;
		color: rgb(220, 140, 105);
		// position: absolute;
		// border: 1px solid red;
		// margin-top: -300px;
		// margin-left: 5%;
	}

	.shouinpu {
		background-color: #fff;
		// width: 70%;
		width: 280px;
		height: 45px;
		border-radius: 50rpx;
		padding: 0 10px;
		font-size: 17.2px;
		color: rgb(220, 140, 105);
		margin: 0 auto;
	}

	.plclass {
		font-weight: bold;
		font-size: 14px;
	}

	.yanzhengbox {
		// width: 80%;
		width: 300px;
		height: 50px;
		background-color: #fff;
		border-radius: 50rpx;
		margin: 10px auto;
		display: flex;
		align-items: center;
		padding: 0 10px;
	}

	.facodecals {
		color: #ff4233;
		border: 2px solid #ff4233;
		border-radius: 8px;
		padding: 6px;
		width: 130px;

		.daopjshibox {
			text-align: center;
			// border: 2px solid #000;
			color: #ff4233;
		}

		.tips {
			text-align: center;
		}
	}

	.shadning {
		width: 300px;
		height: 50px;
		display: block;
		margin: 0 auto;
		-webkit-animation: scaleDraw 2s infinite;
		animation: scaleDraw 2s infinite
	}

	.xieyibox {
		display: flex;
		flex-flow: row;
		justify-content: center;
		align-items: center;
		font-family: "Microsoft YaHei";
		font-weight: bold;
		font-size: 14px;
		margin-top: 15px;

		.xieexe {
			.span {
				color: rgb(203, 66, 40);
				padding: 0 4px;
			}
		}



		.xuanxuian {
			width: 16px;
			height: 16px;
		}

		.xuanxuian11 {
			width: 16px;
			height: 16px;
		}
	}

	.tpdidezi {
		margin-top: 10px;
		text-align: center;
		font-size: 14px;
	}

	.geziumg {
		// width: 430px;
		width: 90%;
		height: 40px;
		margin: 0px auto;
		display: block;
	}

	.geziumgxia {
		// width: 430px;
		width: 90%;
		height: 40px;
		margin: 0px auto;
		display: block;
	}


	.dibizi {
		color: #fff;
		width: 90%;
		margin: 0 auto;
		margin-top: 40px;
		font-size: 14px;

		.wenxianzi {
			width: 100%;
			height: 20px;
		}

		.dawenxian {
			width: 100%;
			height: 70px;
		}
	}

	.rementui {
		width: 100%;
		margin-top: 40px;

		// border: 2px solid blue;
		.remtnui {
			width: 90%;
			display: block;
			margin: 0 auto;
			height: 80px;
		}

		.xinnbox {
			width: 90%;
			margin: 0px auto;
			margin-top: 0px;
			background-color: #f1e8de;
			display: flex;
			flex-flow: row wrap;
			justify-content: space-around;
			padding: 0px 0 15px 0;
			border-radius: 10px;
			align-items: center;
			position: relative;

			.nanvbimg {
				width: 100%;
				height: 300px;
				margin-top: 10px;
			}

			.renboxss {
				display: flex;
				flex-flow: row wrap;
				justify-content: space-around;
				align-items: center;

				.yuantoubox {
					width: 25%;

					.rentuicall {
						width: 60px;
						height: 60px;

						border-radius: 50%;
						display: block;
						margin: 0px auto;
						margin-top: 10px;
						// display: flex;
						// justify-content: center;

					}

					.yuantitle {
						text-align: center;
						margin-top: 10px;
						color: #4f230e;
						font-size: 14px;
						height: 30px;
					}
				}

			}
		}

		.tuibox {
			// width: 390px;
			width: 90%;
			margin: 0 auto;
			margin-top: 0px;
			background-color: #ede0cd;
			display: flex;
			flex-flow: row wrap;
			justify-content: space-around;
			padding: 0px 0 15px 0;
			border-radius: 10px;
			align-items: center;
			position: relative;

			.tuiiamg {
				width: 100px;
				height: 150px;
				margin-top: 20px;
				border-radius: 10px;
				border: 1px solid #dbae7f;
			}
		}
	}

	.guanbiimg {
		width: 45px;
		height: 40px;
		margin-left: 90%;
		// margin-top: -50px;
		// float: right;
		// display: flex;
		// justify-content: right;
	}

	.guizeboxx {
		width: 370px;
		display: block;


		.sdinsghuom {
			display: block;
			width: 90%;
			margin: 0 auto;
			padding-bottom: 20px;
			font-size: 12px;
		}
	}


	.cenertbox {
		// background-image: linear-gradient(#DCDACE, #FE0201);
		background-image: linear-gradient(#DCDACE, #AC9C8E);
		margin-top: -10px;

		.showshipoin {
			// width: 390px;
			width: 90%;
			height: 540px;
			margin: 0px auto;
			border: 2px solid #ede0cd;
			background-color: #ede0cd;
			border-radius: 5px 5px 0 0;

			.xiaokhaung {
				border: 2px solid #ede0cd;
				width: 320px;
				height: 500px;
				margin: 20px auto;
			}

		}

		.xiayuanjiao {
			width: 90%;
			height: 40px;
			border-radius: 0 0 10px 10px;
			// border: 1px solid red;
			margin: 0 auto;
			background-color: #ede0cd;

		}

		.daxiangbox {
			width: 90%;
			// width: 390px;
			margin: 0 auto;
			margin-top: -75px;
			display: flex;
			flex-flow: row;
			justify-content: space-between;
			align-items: center;
			background-color: #ede0cd;
			// padding: 0 100px;
			// border-radius: 0 0 5px 5px;
			// padding: 0 0 10px 0;

			.shipxiang {
				width: 320px;
				margin: 0 auto;
				display: flex;
				flex-flow: row;
				justify-content: space-between;
				// border: 1px solid red;
				align-items: center;
				background-color: #ede0cd;
				// padding: 0 100px;
				border-radius: 0 0 5px 5px;

				.xiangqyoub {
					color: #633b28;
					border: 1px solid #633b28;
					border-radius: 50px;
					font-size: 12px;
					padding: 4px 6px;

				}

				.xiangqleft {
					// width: 320px;
					// margin: 0 auto;
					display: flex;
					flex-flow: row;
					justify-content: left;
					align-items: center;

					.xiaoimag {
						width: 40px;
						height: 60px;
					}

					.jujibenxin {
						margin-left: 10px;

						.juname {
							color: #512611;
							font-size: 18px;
							margin-left: 4px;
						}

						.wanjibox {
							display: flex;
							flex-flow: row;
							justify-content: left;
							align-items: center;

							.wanjie {
								background-color: #f5f3f2;
								color: #ae9a90;
								margin-left: 5px;
								border-radius: 4px;
								font-size: 12px;
								padding: 2px 4px;
								margin-top: 5px;
							}
						}
					}


				}
			}
		}

	}

	@-webkit-keyframes scaleDraw {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}

		25% {
			-webkit-transform: scale(1.1);
			transform: scale(1.1)
		}

		50% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}

		75% {
			-webkit-transform: scale(1.1);
			transform: scale(1.1)
		}
	}

	@keyframes scaleDraw {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}

		25% {
			-webkit-transform: scale(1.1);
			transform: scale(1.1)
		}

		50% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}

		75% {
			-webkit-transform: scale(1.1);
			transform: scale(1.1)
		}
	}

	.gonxisty {
		text-align: center;
		margin-top: 100px;
		color: #fe0024;
		font-weight: bold;
		font-size: 28px;
	}

	.banchensyyu {
		text-align: center;
		margin-top: 20px;
		font-size: 22px;
		font-weight: bold;
	}

	.zhifuimg {
		width: 60px;
		height: 60px;
		margin: 30px auto;
		display: block;
	}

	.shikansty {
		width: 90%;
		margin: 0 auto;
		display: block;
		font-size: 22px;
	}

	// .bosss{
	// 	width: 100%;
	// 	height: 100%;
	// 	background-color: #4f230e;
	// }

	// .uni-video-container {
	// 	background-color: #ede0cd !important;
	// }
</style>